<template>
 <div>
     <div class="layui-layout layui-layout-admin">
    <div class="layui-header">
    <div class="layui-logo">员工后台管理</div>
    <!-- 头部区域（可配合layui已有的水平导航） -->
    <ul class="layui-nav layui-layout-left">
      <li class="layui-nav-item"><a href="">控制台</a></li>
      <li class="layui-nav-item"><a href="">商品管理</a></li>
      <li class="layui-nav-item"><a href="">用户</a></li>
      <li class="layui-nav-item">
        <a href="javascript:;">其它系统</a>
        <dl class="layui-nav-child">
          <dd><a href="">邮件管理</a></dd>
          <dd><a href="">消息管理</a></dd>
          <dd><a href="">授权管理</a></dd>
        </dl>
      </li>
    </ul>
    <ul class="layui-nav layui-layout-right">
      <li class="layui-nav-item">
        <a href="javascript:;">
          admin
        </a>
        <dl class="layui-nav-child">
          <dd><a href="">基本资料</a></dd>
          <dd><a href="">安全设置</a></dd>
        </dl>
      </li>
      <li class="layui-nav-item"><a href="javascript:void(0)" >退了</a></li>
    </ul>
  </div>
  
  <div class="layui-side layui-bg-black">
    <div class="layui-side-scroll">
      <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
      <ul class="layui-nav layui-nav-tree"  lay-filter="test">
        <li class="layui-nav-item layui-nav-itemed">
          <a class="" href="javascript:;">在职员工管理</a>
          <dl class="layui-nav-child">
            <dd><router-link to="/main/emp">员工管理</router-link></dd>
            <dd><router-link to="/main/dept">部门管理</router-link></dd>
          </dl>
        </li>
        <li class="layui-nav-item layui-nav-itemed">
          <a class="" href="javascript:;">权限管理</a>
          <dl class="layui-nav-child">
            
          </dl>
        </li>
        
      </ul>
    </div>
  </div>
  
  <div class="layui-body">
    <div style="padding: 15px;"><router-view></router-view></div>
  </div>
  
  <div class="layui-footer">
    XAWN4001GROUP出品
  </div>
</div>
 </div>
</template>
 
<script>
export default {
 data () {
    return {
      
    }
 },
 mounted(){
      layui.use('element',function () {
               var element = layui.element;
               element.init()
           })
 },
 methods:{
    
 }
}
</script>
 
<style scoped lang = 'stylus'>
 
</style>